<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/hui/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/hui/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/layer/formSelects/formSelects-v4.css" />
<script src="/vue/vue.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>个人信息</title>
</head>
<body class="pos-r">
<div id="app">
	<div class="form form-horizontal" action="#" style="width: 980px;">
		<legend>个人信息</legend>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-4"><span style="color:red;">*</span> 用户名：</label>
			<div class="formControls col-xs-8">
				<input type="text" class="input-text radius size-M disabled" disabled="disabled"  th:value="${user.name}" >
			</div>
		</div>
		<div class="row cl"  th:if=" ${user.depart != null}">
			<label class="form-label col-xs-4 col-sm-4"><span style="color:red;">*</span> 部门：</label>
			<div class="formControls col-xs-8">
				<input type="text" class="input-text radius size-M disabled" disabled="disabled"  th:value="${user.depart.name}" >
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-4"><span style="color:red;">*</span> 联系电话：</label>
			<div class="formControls col-xs-8">
				<input type="text" class="input-text radius size-M disabled" disabled="disabled" th:value="${user.tel}" >
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-4"><span style="color:red;">*</span> 邮箱：</label>
			<div class="formControls col-xs-8">
				<input type="text" class="input-text radius size-M disabled" disabled="disabled"  th:value="${user.email}" >
			</div>
		</div>
		<div class="row cl"  th:if=" ${user.login != null}">
			<label class="form-label col-xs-4 col-sm-4"><span style="color:red;">*</span> 登录名：</label>
			<div class="formControls col-xs-8">
				<input type="text" class="input-text radius size-M disabled" disabled="disabled"  th:value="${user.login.loginName}" >
			</div>
		</div>
	</div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/hui/h-ui/js/H-ui.min.js"></script> 

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/layer/2.4/layui.all.js"></script>
<script src="/layer/formSelects/formSelects-v4.js" type="text/javascript"></script>
<script>


$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	})
});
var app = new Vue({
  el: '#app',
  data: {
	
  },
  methods:{
	 
  },
  created: function () {
  },
  mounted:function(){
	  
  }
})
</script>
</body>
</html>